* {
	margin: 0;
	padding: 0;
}

html,
body,
img {
	width: 100%;
	height: 100%;
}


/*通关啦*/

.layer5a_1 {
	width: 100%;
	height: 100%;
	background-image: url(../img/5a_1/5a-1_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	/*display: none;*/
}

.logo1 {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 15%;
}

.logo2 {
	position: absolute;
	top: 6%;
	left: 25%;
	width: 25%;
}

.layer5a1_text1 {
	position: absolute;
	top: 25%;
	left: 20%;
	width: 50%;
	animation: bounceInDown 2s linear 0s;
}

.layer5a1_text2 {
	position: absolute;
	top: 35%;
	left: 25%;
	width: 50%;
}

.invitation {
	position: absolute;
	top: 45%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}

.ranking {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}

.mentorGO {
	position: absolute;
	top: 80%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}


/*邀请好友*/

.layer5a_2 {
	display: none;
}

.layer5a_2_bg {
	background-color: black;
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.arrow {
	position: absolute;
	top: 5%;
	left: 73%;
	width: 17%;
	animation: rotateIn 1s ease;
}

.invitation_text1 {
	position: absolute;
	top: 15%;
	left: 22%;
	width: 50%;
}

.cartoon {
	position: absolute;
	top: 27%;
	left: 28%;
	width: 43%;
	animation: flash 2s linear 0s;
}

.invitation_text2 {
	position: absolute;
	top: 60%;
	left: 10%;
	width: 80%;
}


/*未通关*/

.layer5b {
	width: 100%;
	height: 100%;
	background-image: url(../img/5b/5b_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
}

.layer5b_text1 {
	position: absolute;
	top: 25%;
	left: 10%;
	width: 80%;
	animation: bounceInDown 2s linear 0s;
}

.layer5b_text2 {
	position: absolute;
	top: 34%;
	left: 17%;
	width: 64%;
}

.layer5b_invitation {
	position: absolute;
	top: 45%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}

.again {
	position: absolute;
	top: 70%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}

.no_ranking {
	position: absolute;
	top: 80%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}


/*查看排行榜*/

.layer7 {
	display: none;
}

.layer7_bg {
	background-color: black;
	position: absolute;
	top: 0%;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.layer7_text1 {
	position: absolute;
	top: 5%;
	left: 10%;
	width: 80%;
	animation: rollIn 0.5s ease-in-out 0s;
}

.layer7_rules_bg {
	position: absolute;
	top: 23%;
	left: 10%;
	width: 80%;
}

.list_Shut {
	position: absolute;
	top: 20%;
	left: 81%;
	width: 15%;
}


/*晋级*/

.layer11 {
	width: 100%;
	height: 100%;
	background-image: url(../img/1/layer1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
}

.layer11_text1 {
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	animation: bounceIn 1s linear 0s;
}

.layer11_ico {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}

.layer11_focus {
	position: absolute;
	top: 75%;
	left: 0%;
	width: 100%;
	animation: pulse 1s linear 0s infinite;
}


/*淘汰*/

.layer12 {
	width: 100%;
	height: 100%;
	background-image: url(../img/1/layer1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
}

.layer12_text1 {
	position: absolute;
	top: 30%;
	left: 20%;
	width: 60%;
	animation: bounceIn 1s linear 0s;
}

.layer12_ico {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 80%;
	animation: zoomInDown 2s linear 0s;
}